<template>
	<view class="page">
		<u-navbar back-icon-color="#fff" background="rgba(0,0,0,0)" :border-bottom="false"></u-navbar>
		<view style="height:60rpx;"></view>
		<!-- 内容 -->
		<view style="text-align:center;margin-top:100rpx;line-height:50rpx;">
			<image style="width:343rpx;height:250rpx;"
				src="http://8.155.28.7:45/group1/M00/00/00/rBLpe2dX05yAJe_cAAA8dZdh0S4154.png"></image>
			<view style="font-size:40rpx;margin:40rpx 0;">发布成功</view>
			<text style="color:#999;">工匠无忧客服在稍后给您致电与您确认</text>
			<br /><text style="color:#999;">发布信息，请注意接听哦！</text>
			<view style="margin:100rpx">
				<u-button @click="toHome()" type="primary" shape="circle">返回首页</u-button>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				id: ""
			}
		},
		onLoad(data) {
			this.id = data.id
			console.log(data.id)
		},
		methods: {
			toHome() {
				uni.switchTab({
					url: '/pages/home/index'
				});
			},
			// 返回上一页
			back() {
				uni.navigateBack()
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page {
		min-height: 100%;
		background: url(http://8.155.28.7:45/group1/M00/00/00/rBLpe2dX01GAQAmSAAVYwQBshzo691.png) no-repeat;
		background-size: 100%;
		background-color: #f8f9fb;
		font-size: 26rpx;
		color: #222;
	}

	.profession_class {
		background-color: #fff;
		border-radius: 20rpx;
		margin: 0 40rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 200rpx;
	}

	.wrap {
		margin: 0 40rpx;

		::v-deep .u-form-item {
			padding: 0;
		}

		::v-deep .u-form-item--left {
			margin-bottom: 0 !important;
		}

		::v-deep .u-form-item--left__content__label {
			// align-items: end;
			// height: 50rpx;
		}
	}

	.slot-btn {
		width: 341rpx;
		height: 140rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgb(244, 245, 246);
		border-radius: 10rpx;
	}

	.slot-btn__hover {
		background-color: rgb(235, 236, 238);
	}

	.pre-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.pre-item {
		flex: 0 0 48.5%;
		border-radius: 10rpx;
		height: 140rpx;
		overflow: hidden;
		position: relative;
		margin-bottom: 20rpx;
	}

	.pre-item-image {
		width: 100%;
		height: 140rpx;
	}
</style>